<!DOCTYPE html>	
         <html>
         <head>
                        <title>Arduino Remote Control</title>
                        <meta name='author' content='Grupp2'/>
                        <meta name='description' content='arduino webserver'/>
                        <meta http-equiv='content-type' content='text/html; charset=UTF-8'/>
<!-- Stilar -->
<link href='http://fonts.googleapis.com/css?family=Bree+Serif' rel='stylesheet' type='text/css'>
                        <style>
body, html {margin: 0; padding: 0;}
#page {
	background: #EEE;
	padding: 20px;
	margin: 0 auto;
	font: 1.5em arial, verdana, sans-serif;
	max-width: 960px;
	height: 100%; 
	font-family: 'Bree Serif', sans;	
background-image: -webkit-linear-gradient(#aaaadd, #ffffff);
background-image: -moz-linear-gradient(#aaaadd, #ffffff);
background-image: -o-linear-gradient(#aaaadd, #ffffff);
background-image: linear-gradient(#aaddaa, #ffffff);
}
#content {
/*padding: 10px; box-shadow:5px 1px 20px #000;
-webkit-box-shadow:5px 1px 20px #000;
-moz-box-shadow: 5px 1px 20px #000; */
}
</style>
                      </head>
<!-- Innehåll -->     
         <body>
         <div id='page'>
<!-- Titel -->
         <div id='header'>
                        <h1 align='center'>Arduino Remote Control</h1>
                        <hr />
                        <br />
                      </div><!--/header-->
         <div id='content'>
<!-- Forumlär -->
                        <form method='get' name='homepage'>
                          <fieldset>
                            <legend>Analog Input</legend>
                            <input type='submit' name='submit_analog' value='Show analog input!'><br/>
                          </fieldset>
                          <fieldset>
<!-- Lampor -->
                            <legend>Lamps</legend>
                            <div id='Lamp1'>
                              <p>
                              <b>Lamp 1</b>
                              <input type='submit' name='L1' id='L1_ON' value='ON'/>
                              <input type='submit' name='L1' id='L1_OFF' value='OFF'/>
                              </p>
                            </div><!--/Lamp1-->
                            <div id='Lamp2'>
                              <p>
                              <b>Lamp 2</b>
                              <input type='submit' name='L2' id='L2_ON' value='ON'/>
                              <input type='submit' name='L2' id='L2_OFF' value='OFF'/>
                              </p>
                            </div><!--/Lamp2-->
                            <div id='Lamp3'>
                              <p>
                              <b>Lamp 3</b>
                              <input type='submit' name='L3' id='L3_ON' value='ON' />
                              <input type='submit' name='L3' id='L3_OFF' value='OFF'/>
                              </p>
                            </div><!--/Lamp3-->
                            <div id='Lamp4'>
                              <p>
                              <b>Lamp 4</b>
                              <input type='submit' name='L4' id='L4_ON' value='ON'/>
                              <input type='submit' name='L4' id='L4_OFF' value='OFF'  />
                              </p>
                            </div><!--/Lamp4-->
                          </fieldset>
                          <fieldset>
<!-- IAR-styrning -->
                            <legend>IAR</legend>
                            <div id='LED1'>
                              <p>
                              <b>LED 1</b>
                              <input type='submit' name='IAR_L1' id='IAR_L1_ON' value='ON' />
                              <input type='submit' name='IAR_L1' id='IAR_L1_OFF' value='OFF'  />
                              </p>
                            </div><!--/LED1-->
                            <div id='IAR_DISCO'>
                              <p>
                              <b>Disco </b>
                              <input type='submit' name='IAR_DISCO' id='IAR_DISCO_ON' value='ON'/>
                              </p>
                            </div><!--/IAR_DISCO-->
<!-- Avslutande taggar -->
                          </fieldset>
                        </form>
                      </div><!--/content-->
<!-- Footer -->
                    </div><!--/page-->
       </body>
       </html>   

